<div ms-controller="weikePlay" class="myfade-in">



 <div class="content grayDarker video-page" role="main">
        <div class="container">
            <div class="row">
                <div class="span12">
                    
                    <div id="breadcrumb"  ms-widget="breadcrumbWidget,albumplaybreadcrumb,$breadcrumb">
                    </div>
                </div>
                <!-- /span16 -->
            </div>
            <!-- /row -->
  			<div class="row">
                <div class="span12">
                    <p class="title video-title">{{$album.title }}</p>
                    <div class=" video-player-wrapper">
                        <div class="video-player player-layout" id="divVideoPlayPlayer">
                            <div style="position: relative;top:200px;width:780px;text-align:center;">
                                <%= new HtmlImg(Import.CSSFile("ava_loading.gif")) %>
                            </div>
                            <%= new AjaxLoadControlInstance(this) { AjaxControlPath = "/VideoPlay/VideoPlayPlayer", TargetHTMLID = "divVideoPlayPlayer",CacheEnable=60, Param = new { VideoGuid="\"" + this.Video.Guid.ToScriptChar() + "\"", AlbumGuid ="\"" + this.Album.Guid.ToScriptChar() + "\"" } }.ToHtml()%>
                            <%--<%= new VideoPlayPlayerInstance(this) {CacheEnable = 60,  ParentAlbum = this.Album }.ToHtml() %>--%>


                            	<div id="playerWidget2"  ms-widget="playerWidget,player_widget,$player"></div>
                        </div>
                        <div class="video-anlyze">

                            <div class="tabs-right nav-sidetabs">
                                <div class=" ">
                                    <ul class="nav nav-tabs  tabs_thick   nav-tabs-wrapper">

                                        <li class="active"><a href="#videoplayInfo" data-toggle="tab" title="视频信息">
                                            <%= new HtmlSpan(){Class="ico ico-video_infos-ico"}%>视频信息</a></li>
                                        <li><a href="#videoplaytimeinfo" data-toggle="tab" title="知识点列表">
                                            <%= new HtmlSpan(){Class="ico ico-keynote-ico"}%>知识点列表</a></li>
                                        <li><a href="#videoplaysw" data-toggle="tab" title="教学环节">
                                            <%= new HtmlSpan(){Class="ico ico-ed_progress-ico"}%>教学环节</a></li>
                                        <%
                                            if (SettingGroup.HasVoiceComment)
                                            {
                                        %>
                                        <li>
                                            <a href="#commentsVideoApplication" data-toggle="tab" title="<%= Define.Get("精彩点评") %>">
                                                <%= new HtmlSpan(){Class="ico ico-discuss-ico"}%><%= Define.Get("精彩点评") %></a>
                                        </li>
                                        <%
                                            }
                                        %>
                                        <%-- <li><a href="#videoplaytimeinfo" data-toggle="tab" title="行为分析图">行为分析图</a></li>--%>
                                    </ul>
                                </div>

                                <div class="of-h">
                                    <div class="sider-right">

                                        <div class="tab-content  white">
                                            <div class="tab-pane active" id="videoplayInfo">

                                                <%= new VideoPlayInfoInstance(this) {CacheEnable = 60 }.ToHtml() %>

                                                <%
                                                    if (this.Video.TeacherRatio != null
                                                        && this.Video.StudentRatio != null)
                                                    {
                                                %><div>
                                                    <%
                                                        if (this.Video.TeachingType != null)
                                                        {
                                                    %>
                                                    <% 
                                                        }
                                                    %>
                                                    <%--  <li>老师活动比例：
                    <%= this.Video.TeacherRatio%>% </li>
                            <li>学生活动比例：
                    <%= this.Video.StudentRatio%>% </li>
                            <li>转换率：
                    <%= this.Video.TransferRatio%>%（30’取样） </li>--%>
                                                    <div style="clear: both;">
                                                        <div id="info_chart" style="width: 380px; height: 230px; margin-top: 0;"></div>
                                                    </div>
                                                    <script type="text/javascript">
                                                        var StudentRatio = parseFloat("<%= this.Video.StudentRatio%>");
                                                        var TeacherRatio = parseFloat("<%= this.Video.TeacherRatio %>");
                                                        $(function () {
                                                            $('#info_chart').highcharts({
                                                                chart: {
                                                                    type: 'pie',
                                                                    //spacingTop: 10,
                                                                    marginTop: 0,
                                                                    marginLeft: 10
                                                                },
                                                                plotOptions: {
                                                                    pie: {
                                                                        slicedOffset: 2,
                                                                        dataLabels: {
                                                                            enabled: true
                                                                        }
                                                                    }
                                                                },
                                                                title: {
                                                                    margin: 0,
                                                                    floating: true,
                                                                    text: "教学行为活动比例",
                                                                    style: { fontSize: '14px', lineHeight: '18px', color: '#ffffff' },
                                                                    marginTop: 200,
                                                                    marginBottom: 0,
                                                                    verticalAlign: "middle"
                                                                },
                                                                xAxis: {
                                                                    title: "比例"
                                                                },
                                                                series: [{
                                                                    data: [
                                                                        {
                                                                            name: "老师活动比例", y: TeacherRatio,
                                                                            sliced: true, selected: true
                                                                        },
                                                                          ['学生活动比例', StudentRatio]
                                                                    ],
                                                                    step: 'right',
                                                                    name: '比例'
                                                                }]
                                                            });
                                                        });
                                                    </script>
                                                </div>
                                                <% 
                                                    }
                                                %>
                                            </div>
                                            <div class="tab-pane" id="videoplaytimeinfo">
                                                <%= new VideoPlayTimeInfoInstance(this) { CacheEnable = 60}.ToHtml()%>
                                            </div>
                                            <div class="tab-pane" id="videoplaysw">
                                                <%= new VideoPlaySWInstance(this) { CacheEnable = 60 }.ToHtml()%>
                                            </div>


                                            <div class="tab-pane" id="videoplaylesson">
                                                <%= new VideoPlayLessonInstance(this) { CacheEnable = 60 }.ToHtml()%>
                                            </div>
                                            <%
                                                if (SettingGroup.HasVoiceComment)
                                                {
                                            %>
                                            <div class="tab-pane " id="commentsVideoApplication">
                                                <div id="commentVideoApplicationArea" class="commentArea">
                                                    <%= new VideoPlayTimeInfoOtherInstance(this) { }.ToHtml() %>
                                                </div>
                                            </div>
                                            <%
                                                }
                                            %>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>


     <div class="content  white">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <div class="flat m-t20">
                        <div class="head">
                            <div class="title"><%= Define.Get("Client_专辑")%>其他视频</div>
                        </div>
                        <div>
                        {{$name}}

                        <div ms-widget="scrollboxwidget, albumVideosScrollboxWidget3,albumVideos">
                        </div>

                        </div>
                         
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content ">
        <div class="container">
            <div class="row">

                <div class="video-coments m-t20">
                    <div class="flat flat-tabs">
                        <div class="head">
                            <ul class="nav nav-tabs tabs" id="">

                                <li class="active">
                                    <a href="#comments" data-toggle="tab" title="<%= Define.Get("评论") %>"><%= Define.Get("评论") %></a>
                                </li>
                                <li>
                                    <a href="#commentsVideoAsk" data-toggle="tab" title="<%= Define.Get("问题提问") %>"><%= Define.Get("问题提问") %></a>
                                </li>
                                  <% if (SettingGroup.HasST &&  CreateInstance.VideoSWPatternDao.Count(l => l.ParentVideo == this.Video)  > 0 ){ %>
                                <li id="thrkVideoSWPatternGrid" tabidx="rkVideoSWPatternGrid">
                                    <a href="#divVideoSWPatternGrid" data-toggle="tab"><%= Define.Get("行为分析图") %></a>
                                </li>
                                <% } %>
                                <li><a href="#videoplayattachment" data-toggle="tab" title="附件">附件</a></li>
                            </ul>
                        </div>
                        <div class="body">

                            <div class="tab-content">

                                <div class="tab-pane" id="videoplayattachment">
                                    <%= new VideoPlayAttachmentInstance(this) { CacheEnable = 60 }.ToHtml()%>
                                </div>
                                <div class="tab-pane active" id="comments">
                                    <div id="commentArea" class="commentArea">
                                        <%= new CommentAddInstance(this) { TargetType = "Video", TargetGuid = this.Video.Guid }.ToHtml()%>
                                        <%= new CommentListInstance(this) { TargetType = "Video", TargetGuid = this.Video.Guid }.ToHtml()%>
                                    </div>
                                </div>
                                <div class="tab-pane" id="commentsVideoAsk">
                                    <div id="commentAskArea" class="commentArea">
                                        <%= new CommentAddInstance(this) {TransferControl="/Comment/CommentVideoAskAdd", TargetType = "VideoAsk", TargetGuid = this.Video.Guid }.ToHtml()%>
                                        <%= new CommentListInstance(this) {TransferControl="/Comment/CommentVideoAskList",  TargetType = "VideoAsk", TargetGuid = this.Video.Guid }.ToHtml()%>
                                    </div>
                                </div>
                                <script>
                                    $(function () {
                                        $('#commentsandQA a').tab();
                                    })
                                </script>

                                <div class="tab-pane white" id="divVideoSWPatternGrid">

                                    <div class="">
                                        <div style="overflow: hidden; background: #fff;">
                                            <div>
                                                <%= new VideoPlaySWPatternInstance(this) {CacheEnable = 60,  Width=550, Height=450 }.ToHtml()%>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>




                </div>



                <div class="video-recomands m-t20">
                    <div class="flat min-flat">
                        <div class="head">
                            <div class="title">
                                热播排行
                            </div>


                        </div>
                        <div class="body">
                            <div class="orders-list ">


                                <%= new IndexVideoByInstance(this) {CacheEnable = 60,  PageSize = 10, OrderBy = AVA.ResourcesPlatform.Config.OrderType.周播放量, TransferControl = "/Index/IndexVideoByHot_orders" }.ToHtml()%>
                            </div>
                        </div>

                    </div>
                </div>

            </div>








        </div>
    </div>

</div>